<template>
  <a-card :bordered="false">
    <div>
      <!--编写Ant Design组件-->
      <a >当前库存查询</a>
      <a-row>
        <a-col :span="12" style="margin-left: 10px">
          商品类别：
          <a-select  style="width: 200px" >
            <a-select-option value="jack">
              Jack
            </a-select-option>
            <a-select-option value="lucy">
              Lucy
            </a-select-option>
            <a-select-option value="Yiminghe">
              yiminghe
            </a-select-option>
          </a-select>
        </a-col>

          商品编码或名称：<a-input style="width: 200px"/>

      </a-row>
      <br/>
      <a-row>
        <a-col :span="12">
          <a-button type="primary" style="margin-right: 20px">查询</a-button>
        </a-col>
      </a-row>
      <br/>
      <a-row>
        <a-col :span="20">
          <a-table :columns="columns" :data-source="data" bordered :pagination="false"/>
        </a-col>
      </a-row>
      <br/>
      <!--<a-row>-->
      <!--<a-col :span="20" style="text-align: center">-->
        <!--<a-pagination v-model="current" :total="50" :pageSize="5" show-less-items hideOnSinglePage/>-->
      <!--</a-col>-->
    <!--</a-row>-->

        <!--<div>-->
          <!--<a-pagination v-model:current="current1" show-quick-jumper :total="500" @change="onChange" />-->
          <!--<br />-->
          <!--<a-pagination-->
            <!--v-model:current="current2"-->
            <!--show-quick-jumper-->
            <!--:total="500"-->
            <!--disabled-->
            <!--show-less-items-->
            <!--@change="onChange"-->
          <!--/>-->
        <!--</div>-->
      <a-row>
        <a-col :span="24">
          <a-pagination v-model:current="current" :total="50" @change="changeCurrent(current)" show-less-items />
        </a-col>
      </a-row>
    </div>
  </a-card>

</template>
<script >
  //定义引入的js插件（文件），@表示根路径，也就是src
  import {getAction} from "../../../api/manage"
  import {axios} from "../../../utils/request"

  export default {
    data() {
      return {
        //定义组件中关联属性
        // current:3,
        //用于指定表格标题列
        current: 1,
        total:10,
        columns:[
          // {
          //   dataIndex: 'name',//指定当前列关联的数据对象的属性名
          //   key: 'name',//唯一标识名，一般都是直接保持和dataIndex一致，可以省略
          //   title: '',//设置列名
          // },
          {
            dataIndex: 'goodsCode',//指定当前列关联的数据对象的属性名
            key: 'goodsCode',//唯一标识名，一般都是直接保持和dataIndex一致，可以省略
            title: '商品编号',//设置列名
          },
          {
            title: '商品名称',
            dataIndex: 'goodsName',
            key: 'goodsName',
          },
          {
            title: '类别',
            dataIndex: 'goodsType.goodsTypeName',
            key: 'goodsType.goodsTypeName',
          },
          {
            title: '型号',
            dataIndex: 'goodsModel',
            key: 'goodsModel',
          },
          {
            title: '库存数量',
            dataIndex: 'inventoryQuantity',
            key: 'inventoryQuantity',
          },
          {
            title: '销售总数',
            dataIndex: 'saleGoodsList.goodsNum',
            key: 'saleGoodsList.goodsNum',
          },
          {
            title: '上次进价',
            dataIndex: 'lastPurchasingPrice',
            key: 'lastPurchasingPrice',
          },
          {
            title: '成本均价',
            dataIndex: 'purchasingPrice',
            key: 'purchasingPrice',
          },
          {
            title: '销售价',
            dataIndex: 'sellingPrice',
            key: 'sellingPrice',
          },
          {
            title: '库存总值',
            dataIndex: 'inventoryQuantity*sellingPrice',
            key: 'inventoryQuantity*sellingPrice',
          },
          {
            title: '单位',
            dataIndex: 'goodsUnit',
            key: 'goodsUnit',
          },
          {
            title: '生产厂商',
            dataIndex: 'goodsProducer',
            key: 'goodsProducer',
          },
        ],
        data:[],
      }

    },

    methods: {
      //定义组件事件关联方法
      selectPage(){
        axios({
          method: 'get',
          url: 'http://localhost:8080/jxc/goods/queryGoodsList',
          //data: {},
          //params: {}
          }).then((response)=> {
            console.log(1);
                  this.data=response;
                  console.log(2);
        }).catch((error) => {

        });
      },
      changeCurrent(current){
        this.current=current;
        this.selectPage();
      }
    },
    created() {//页面加载前执行的操作
            this.selectPage();
    },
  }
</script>
